<template>
  <div class="wrap">

    <!-- skycardpanel 组件配置详情 -->
    <sky-card-panel title='加签' subTitle='标题描述'>
      <div slot='header-right'>
        <sky-button type='primary' @click="getSignature">获取加签列表</sky-button>
      </div>
      <div slot='main' class='containter-form'>
        <SkySignature ref="sign" :listData="listData"></SkySignature>
      </div>
    </sky-card-panel>

  </div>
</template>

<script>
  export default {
    data () {
      return {
        listData: [
          {
            name: '王二丫',
            time: '2021-07-12 10:52',
            result: "提交审批",
            type: 1
          },
          {
            name: '李蛋儿',
            time: '2021-07-12 10:52',
            result: "实际需求方",
            type: 1
          },
          {
            name: '赵四',
            time: '2021-07-12 10:52',
            result: "实际需求方",
            type: 0,
          },
          {
            name: '刘老根',
            time: '2021-07-12 10:52',
            result: "财务初审",
            type: 0
          },
        ]
      }
    },
    methods: {
      getSignature () {
        console.log(this.$refs['sign'].getSignature())
      }
    }
  }
</script>

<style lang="scss" scoped>
.wrap {
  padding: 20px;
}
</style>